<html lang="zh-CN">
<head>
    <style type="text/css" data-tippy-stylesheet="">.tippy-iOS {
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent
    }

    .tippy-popper {
        transition-timing-function: cubic-bezier(.165, .84, .44, 1);
        max-width: calc(100% - 8px);
        pointer-events: none;
        outline: 0
    }

    .tippy-popper[x-placement^=top] .tippy-backdrop {
        border-radius: 40% 40% 0 0
    }

    .tippy-popper[x-placement^=top] .tippy-roundarrow {
        bottom: -7px;
        bottom: -6.5px;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        margin: 0 3px
    }

    .tippy-popper[x-placement^=top] .tippy-roundarrow svg {
        position: absolute;
        left: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .tippy-popper[x-placement^=top] .tippy-arrow {
        border-top: 8px solid #333;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        bottom: -7px;
        margin: 0 3px;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    .tippy-popper[x-placement^=top] .tippy-backdrop {
        -webkit-transform-origin: 0 25%;
        transform-origin: 0 25%
    }

    .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
        -webkit-transform: scale(1) translate(-50%, -55%);
        transform: scale(1) translate(-50%, -55%)
    }

    .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
        -webkit-transform: scale(.2) translate(-50%, -45%);
        transform: scale(.2) translate(-50%, -45%);
        opacity: 0
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    .tippy-popper[x-placement^=top] [data-animation=perspective] {
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
        -webkit-transform: perspective(700px) translateY(-10px) rotateX(0);
        transform: perspective(700px) translateY(-10px) rotateX(0)
    }

    .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
        opacity: 0;
        -webkit-transform: perspective(700px) translateY(0) rotateX(60deg);
        transform: perspective(700px) translateY(0) rotateX(60deg)
    }

    .tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .tippy-popper[x-placement^=top] [data-animation=scale] {
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
        -webkit-transform: translateY(-10px) scale(1);
        transform: translateY(-10px) scale(1)
    }

    .tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(-10px) scale(.5);
        transform: translateY(-10px) scale(.5)
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop {
        border-radius: 0 0 30% 30%
    }

    .tippy-popper[x-placement^=bottom] .tippy-roundarrow {
        top: -7px;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        margin: 0 3px
    }

    .tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
        position: absolute;
        left: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .tippy-popper[x-placement^=bottom] .tippy-arrow {
        border-bottom: 8px solid #333;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        top: -7px;
        margin: 0 3px;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop {
        -webkit-transform-origin: 0 -50%;
        transform-origin: 0 -50%
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
        -webkit-transform: scale(1) translate(-50%, -45%);
        transform: scale(1) translate(-50%, -45%)
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
        -webkit-transform: scale(.2) translate(-50%);
        transform: scale(.2) translate(-50%);
        opacity: 0
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=perspective] {
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
        -webkit-transform: perspective(700px) translateY(10px) rotateX(0);
        transform: perspective(700px) translateY(10px) rotateX(0)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
        opacity: 0;
        -webkit-transform: perspective(700px) translateY(0) rotateX(-60deg);
        transform: perspective(700px) translateY(0) rotateX(-60deg)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=scale] {
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
        -webkit-transform: translateY(10px) scale(1);
        transform: translateY(10px) scale(1)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(10px) scale(.5);
        transform: translateY(10px) scale(.5)
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop {
        border-radius: 50% 0 0 50%
    }

    .tippy-popper[x-placement^=left] .tippy-roundarrow {
        right: -12px;
        -webkit-transform-origin: 33.33333333% 50%;
        transform-origin: 33.33333333% 50%;
        margin: 3px 0
    }

    .tippy-popper[x-placement^=left] .tippy-roundarrow svg {
        position: absolute;
        left: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .tippy-popper[x-placement^=left] .tippy-arrow {
        border-left: 8px solid #333;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        right: -7px;
        margin: 3px 0;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%)
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
        -webkit-transform: scale(.2) translate(-75%, -50%);
        transform: scale(.2) translate(-75%, -50%);
        opacity: 0
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    .tippy-popper[x-placement^=left] [data-animation=perspective] {
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
        -webkit-transform: perspective(700px) translateX(-10px) rotateY(0);
        transform: perspective(700px) translateX(-10px) rotateY(0)
    }

    .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
        opacity: 0;
        -webkit-transform: perspective(700px) translateX(0) rotateY(-60deg);
        transform: perspective(700px) translateX(0) rotateY(-60deg)
    }

    .tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .tippy-popper[x-placement^=left] [data-animation=scale] {
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
        -webkit-transform: translateX(-10px) scale(1);
        transform: translateX(-10px) scale(1)
    }

    .tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(-10px) scale(.5);
        transform: translateX(-10px) scale(.5)
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop {
        border-radius: 0 50% 50% 0
    }

    .tippy-popper[x-placement^=right] .tippy-roundarrow {
        left: -12px;
        -webkit-transform-origin: 66.66666666% 50%;
        transform-origin: 66.66666666% 50%;
        margin: 3px 0
    }

    .tippy-popper[x-placement^=right] .tippy-roundarrow svg {
        position: absolute;
        left: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .tippy-popper[x-placement^=right] .tippy-arrow {
        border-right: 8px solid #333;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        left: -7px;
        margin: 3px 0;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop {
        -webkit-transform-origin: -50% 0;
        transform-origin: -50% 0
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%)
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
        -webkit-transform: scale(.2) translate(-25%, -50%);
        transform: scale(.2) translate(-25%, -50%);
        opacity: 0
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    .tippy-popper[x-placement^=right] [data-animation=perspective] {
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
        -webkit-transform: perspective(700px) translateX(10px) rotateY(0);
        transform: perspective(700px) translateX(10px) rotateY(0)
    }

    .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
        opacity: 0;
        -webkit-transform: perspective(700px) translateX(0) rotateY(60deg);
        transform: perspective(700px) translateX(0) rotateY(60deg)
    }

    .tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .tippy-popper[x-placement^=right] [data-animation=scale] {
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
        -webkit-transform: translateX(10px) scale(1);
        transform: translateX(10px) scale(1)
    }

    .tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(10px) scale(.5);
        transform: translateX(10px) scale(.5)
    }

    .tippy-tooltip {
        position: relative;
        color: #fff;
        border-radius: .25rem;
        font-size: .875rem;
        padding: .3125rem .5625rem;
        line-height: 1.4;
        text-align: center;
        background-color: #333
    }

    .tippy-tooltip[data-size=small] {
        padding: .1875rem .375rem;
        font-size: .75rem
    }

    .tippy-tooltip[data-size=large] {
        padding: .375rem .75rem;
        font-size: 1rem
    }

    .tippy-tooltip[data-animatefill] {
        overflow: hidden;
        background-color: transparent
    }

    .tippy-tooltip[data-interactive], .tippy-tooltip[data-interactive] .tippy-roundarrow path {
        pointer-events: auto
    }

    .tippy-tooltip[data-inertia][data-state=visible] {
        transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
    }

    .tippy-tooltip[data-inertia][data-state=hidden] {
        transition-timing-function: ease
    }

    .tippy-arrow, .tippy-roundarrow {
        position: absolute;
        width: 0;
        height: 0
    }

    .tippy-roundarrow {
        width: 18px;
        height: 7px;
        fill: #333;
        pointer-events: none
    }

    .tippy-backdrop {
        position: absolute;
        background-color: #333;
        border-radius: 50%;
        width: calc(110% + 2rem);
        left: 50%;
        top: 50%;
        z-index: -1;
        transition: all cubic-bezier(.46, .1, .52, .98);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .tippy-backdrop:after {
        content: "";
        float: left;
        padding-top: 100%
    }

    .tippy-backdrop + .tippy-content {
        transition-property: opacity;
        will-change: opacity
    }

    .tippy-backdrop + .tippy-content[data-state=visible] {
        opacity: 1
    }

    .tippy-backdrop + .tippy-content[data-state=hidden] {
        opacity: 0
    }</style>
    <style type="text/css" data-tippy-stylesheet="">.tippy-iOS {
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent
    }

    .tippy-popper {
        transition-timing-function: cubic-bezier(.165, .84, .44, 1);
        max-width: calc(100% - 8px);
        pointer-events: none;
        outline: 0
    }

    .tippy-popper[x-placement^=top] .tippy-backdrop {
        border-radius: 40% 40% 0 0
    }

    .tippy-popper[x-placement^=top] .tippy-roundarrow {
        bottom: -7px;
        bottom: -6.5px;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        margin: 0 3px
    }

    .tippy-popper[x-placement^=top] .tippy-roundarrow svg {
        position: absolute;
        left: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .tippy-popper[x-placement^=top] .tippy-arrow {
        border-top: 8px solid #333;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        bottom: -7px;
        margin: 0 3px;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    .tippy-popper[x-placement^=top] .tippy-backdrop {
        -webkit-transform-origin: 0 25%;
        transform-origin: 0 25%
    }

    .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
        -webkit-transform: scale(1) translate(-50%, -55%);
        transform: scale(1) translate(-50%, -55%)
    }

    .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
        -webkit-transform: scale(.2) translate(-50%, -45%);
        transform: scale(.2) translate(-50%, -45%);
        opacity: 0
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    .tippy-popper[x-placement^=top] [data-animation=perspective] {
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
        -webkit-transform: perspective(700px) translateY(-10px) rotateX(0);
        transform: perspective(700px) translateY(-10px) rotateX(0)
    }

    .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
        opacity: 0;
        -webkit-transform: perspective(700px) translateY(0) rotateX(60deg);
        transform: perspective(700px) translateY(0) rotateX(60deg)
    }

    .tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .tippy-popper[x-placement^=top] [data-animation=scale] {
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
        -webkit-transform: translateY(-10px) scale(1);
        transform: translateY(-10px) scale(1)
    }

    .tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(-10px) scale(.5);
        transform: translateY(-10px) scale(.5)
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop {
        border-radius: 0 0 30% 30%
    }

    .tippy-popper[x-placement^=bottom] .tippy-roundarrow {
        top: -7px;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        margin: 0 3px
    }

    .tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
        position: absolute;
        left: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .tippy-popper[x-placement^=bottom] .tippy-arrow {
        border-bottom: 8px solid #333;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        top: -7px;
        margin: 0 3px;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop {
        -webkit-transform-origin: 0 -50%;
        transform-origin: 0 -50%
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
        -webkit-transform: scale(1) translate(-50%, -45%);
        transform: scale(1) translate(-50%, -45%)
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
        -webkit-transform: scale(.2) translate(-50%);
        transform: scale(.2) translate(-50%);
        opacity: 0
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=perspective] {
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
        -webkit-transform: perspective(700px) translateY(10px) rotateX(0);
        transform: perspective(700px) translateY(10px) rotateX(0)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
        opacity: 0;
        -webkit-transform: perspective(700px) translateY(0) rotateX(-60deg);
        transform: perspective(700px) translateY(0) rotateX(-60deg)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=scale] {
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
        -webkit-transform: translateY(10px) scale(1);
        transform: translateY(10px) scale(1)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(10px) scale(.5);
        transform: translateY(10px) scale(.5)
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop {
        border-radius: 50% 0 0 50%
    }

    .tippy-popper[x-placement^=left] .tippy-roundarrow {
        right: -12px;
        -webkit-transform-origin: 33.33333333% 50%;
        transform-origin: 33.33333333% 50%;
        margin: 3px 0
    }

    .tippy-popper[x-placement^=left] .tippy-roundarrow svg {
        position: absolute;
        left: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .tippy-popper[x-placement^=left] .tippy-arrow {
        border-left: 8px solid #333;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        right: -7px;
        margin: 3px 0;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%)
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
        -webkit-transform: scale(.2) translate(-75%, -50%);
        transform: scale(.2) translate(-75%, -50%);
        opacity: 0
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    .tippy-popper[x-placement^=left] [data-animation=perspective] {
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
        -webkit-transform: perspective(700px) translateX(-10px) rotateY(0);
        transform: perspective(700px) translateX(-10px) rotateY(0)
    }

    .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
        opacity: 0;
        -webkit-transform: perspective(700px) translateX(0) rotateY(-60deg);
        transform: perspective(700px) translateX(0) rotateY(-60deg)
    }

    .tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .tippy-popper[x-placement^=left] [data-animation=scale] {
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
        -webkit-transform: translateX(-10px) scale(1);
        transform: translateX(-10px) scale(1)
    }

    .tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(-10px) scale(.5);
        transform: translateX(-10px) scale(.5)
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop {
        border-radius: 0 50% 50% 0
    }

    .tippy-popper[x-placement^=right] .tippy-roundarrow {
        left: -12px;
        -webkit-transform-origin: 66.66666666% 50%;
        transform-origin: 66.66666666% 50%;
        margin: 3px 0
    }

    .tippy-popper[x-placement^=right] .tippy-roundarrow svg {
        position: absolute;
        left: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .tippy-popper[x-placement^=right] .tippy-arrow {
        border-right: 8px solid #333;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        left: -7px;
        margin: 3px 0;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop {
        -webkit-transform-origin: -50% 0;
        transform-origin: -50% 0
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%)
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
        -webkit-transform: scale(.2) translate(-25%, -50%);
        transform: scale(.2) translate(-25%, -50%);
        opacity: 0
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    .tippy-popper[x-placement^=right] [data-animation=perspective] {
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
        -webkit-transform: perspective(700px) translateX(10px) rotateY(0);
        transform: perspective(700px) translateX(10px) rotateY(0)
    }

    .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
        opacity: 0;
        -webkit-transform: perspective(700px) translateX(0) rotateY(60deg);
        transform: perspective(700px) translateX(0) rotateY(60deg)
    }

    .tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .tippy-popper[x-placement^=right] [data-animation=scale] {
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
        -webkit-transform: translateX(10px) scale(1);
        transform: translateX(10px) scale(1)
    }

    .tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(10px) scale(.5);
        transform: translateX(10px) scale(.5)
    }

    .tippy-tooltip {
        position: relative;
        color: #fff;
        border-radius: .25rem;
        font-size: .875rem;
        padding: .3125rem .5625rem;
        line-height: 1.4;
        text-align: center;
        background-color: #333
    }

    .tippy-tooltip[data-size=small] {
        padding: .1875rem .375rem;
        font-size: .75rem
    }

    .tippy-tooltip[data-size=large] {
        padding: .375rem .75rem;
        font-size: 1rem
    }

    .tippy-tooltip[data-animatefill] {
        overflow: hidden;
        background-color: transparent
    }

    .tippy-tooltip[data-interactive], .tippy-tooltip[data-interactive] .tippy-roundarrow path {
        pointer-events: auto
    }

    .tippy-tooltip[data-inertia][data-state=visible] {
        transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
    }

    .tippy-tooltip[data-inertia][data-state=hidden] {
        transition-timing-function: ease
    }

    .tippy-arrow, .tippy-roundarrow {
        position: absolute;
        width: 0;
        height: 0
    }

    .tippy-roundarrow {
        width: 18px;
        height: 7px;
        fill: #333;
        pointer-events: none
    }

    .tippy-backdrop {
        position: absolute;
        background-color: #333;
        border-radius: 50%;
        width: calc(110% + 2rem);
        left: 50%;
        top: 50%;
        z-index: -1;
        transition: all cubic-bezier(.46, .1, .52, .98);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .tippy-backdrop:after {
        content: "";
        float: left;
        padding-top: 100%
    }

    .tippy-backdrop + .tippy-content {
        transition-property: opacity;
        will-change: opacity
    }

    .tippy-backdrop + .tippy-content[data-state=visible] {
        opacity: 1
    }

    .tippy-backdrop + .tippy-content[data-state=hidden] {
        opacity: 0
    }</style>
    <style type="text/css" data-tippy-stylesheet="">.tippy-iOS {
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent
    }

    .tippy-popper {
        transition-timing-function: cubic-bezier(.165, .84, .44, 1);
        max-width: calc(100% - 8px);
        pointer-events: none;
        outline: 0
    }

    .tippy-popper[x-placement^=top] .tippy-backdrop {
        border-radius: 40% 40% 0 0
    }

    .tippy-popper[x-placement^=top] .tippy-roundarrow {
        bottom: -7px;
        bottom: -6.5px;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        margin: 0 3px
    }

    .tippy-popper[x-placement^=top] .tippy-roundarrow svg {
        position: absolute;
        left: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .tippy-popper[x-placement^=top] .tippy-arrow {
        border-top: 8px solid #333;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        bottom: -7px;
        margin: 0 3px;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    .tippy-popper[x-placement^=top] .tippy-backdrop {
        -webkit-transform-origin: 0 25%;
        transform-origin: 0 25%
    }

    .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
        -webkit-transform: scale(1) translate(-50%, -55%);
        transform: scale(1) translate(-50%, -55%)
    }

    .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
        -webkit-transform: scale(.2) translate(-50%, -45%);
        transform: scale(.2) translate(-50%, -45%);
        opacity: 0
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    .tippy-popper[x-placement^=top] [data-animation=perspective] {
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
        -webkit-transform: perspective(700px) translateY(-10px) rotateX(0);
        transform: perspective(700px) translateY(-10px) rotateX(0)
    }

    .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
        opacity: 0;
        -webkit-transform: perspective(700px) translateY(0) rotateX(60deg);
        transform: perspective(700px) translateY(0) rotateX(60deg)
    }

    .tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .tippy-popper[x-placement^=top] [data-animation=scale] {
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
        -webkit-transform: translateY(-10px) scale(1);
        transform: translateY(-10px) scale(1)
    }

    .tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(-10px) scale(.5);
        transform: translateY(-10px) scale(.5)
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop {
        border-radius: 0 0 30% 30%
    }

    .tippy-popper[x-placement^=bottom] .tippy-roundarrow {
        top: -7px;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        margin: 0 3px
    }

    .tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
        position: absolute;
        left: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .tippy-popper[x-placement^=bottom] .tippy-arrow {
        border-bottom: 8px solid #333;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        top: -7px;
        margin: 0 3px;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop {
        -webkit-transform-origin: 0 -50%;
        transform-origin: 0 -50%
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
        -webkit-transform: scale(1) translate(-50%, -45%);
        transform: scale(1) translate(-50%, -45%)
    }

    .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
        -webkit-transform: scale(.2) translate(-50%);
        transform: scale(.2) translate(-50%);
        opacity: 0
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=perspective] {
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
        -webkit-transform: perspective(700px) translateY(10px) rotateX(0);
        transform: perspective(700px) translateY(10px) rotateX(0)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
        opacity: 0;
        -webkit-transform: perspective(700px) translateY(0) rotateX(-60deg);
        transform: perspective(700px) translateY(0) rotateX(-60deg)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=scale] {
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
        -webkit-transform: translateY(10px) scale(1);
        transform: translateY(10px) scale(1)
    }

    .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateY(10px) scale(.5);
        transform: translateY(10px) scale(.5)
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop {
        border-radius: 50% 0 0 50%
    }

    .tippy-popper[x-placement^=left] .tippy-roundarrow {
        right: -12px;
        -webkit-transform-origin: 33.33333333% 50%;
        transform-origin: 33.33333333% 50%;
        margin: 3px 0
    }

    .tippy-popper[x-placement^=left] .tippy-roundarrow svg {
        position: absolute;
        left: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .tippy-popper[x-placement^=left] .tippy-arrow {
        border-left: 8px solid #333;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        right: -7px;
        margin: 3px 0;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%)
    }

    .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
        -webkit-transform: scale(.2) translate(-75%, -50%);
        transform: scale(.2) translate(-75%, -50%);
        opacity: 0
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    .tippy-popper[x-placement^=left] [data-animation=perspective] {
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
        -webkit-transform: perspective(700px) translateX(-10px) rotateY(0);
        transform: perspective(700px) translateX(-10px) rotateY(0)
    }

    .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
        opacity: 0;
        -webkit-transform: perspective(700px) translateX(0) rotateY(-60deg);
        transform: perspective(700px) translateX(0) rotateY(-60deg)
    }

    .tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .tippy-popper[x-placement^=left] [data-animation=scale] {
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
        -webkit-transform: translateX(-10px) scale(1);
        transform: translateX(-10px) scale(1)
    }

    .tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(-10px) scale(.5);
        transform: translateX(-10px) scale(.5)
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop {
        border-radius: 0 50% 50% 0
    }

    .tippy-popper[x-placement^=right] .tippy-roundarrow {
        left: -12px;
        -webkit-transform-origin: 66.66666666% 50%;
        transform-origin: 66.66666666% 50%;
        margin: 3px 0
    }

    .tippy-popper[x-placement^=right] .tippy-roundarrow svg {
        position: absolute;
        left: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .tippy-popper[x-placement^=right] .tippy-arrow {
        border-right: 8px solid #333;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        left: -7px;
        margin: 3px 0;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop {
        -webkit-transform-origin: -50% 0;
        transform-origin: -50% 0
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%)
    }

    .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
        -webkit-transform: scale(.2) translate(-25%, -50%);
        transform: scale(.2) translate(-25%, -50%);
        opacity: 0
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    .tippy-popper[x-placement^=right] [data-animation=perspective] {
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
        -webkit-transform: perspective(700px) translateX(10px) rotateY(0);
        transform: perspective(700px) translateX(10px) rotateY(0)
    }

    .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
        opacity: 0;
        -webkit-transform: perspective(700px) translateX(0) rotateY(60deg);
        transform: perspective(700px) translateX(0) rotateY(60deg)
    }

    .tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .tippy-popper[x-placement^=right] [data-animation=scale] {
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
        -webkit-transform: translateX(10px) scale(1);
        transform: translateX(10px) scale(1)
    }

    .tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
        opacity: 0;
        -webkit-transform: translateX(10px) scale(.5);
        transform: translateX(10px) scale(.5)
    }

    .tippy-tooltip {
        position: relative;
        color: #fff;
        border-radius: .25rem;
        font-size: .875rem;
        padding: .3125rem .5625rem;
        line-height: 1.4;
        text-align: center;
        background-color: #333
    }

    .tippy-tooltip[data-size=small] {
        padding: .1875rem .375rem;
        font-size: .75rem
    }

    .tippy-tooltip[data-size=large] {
        padding: .375rem .75rem;
        font-size: 1rem
    }

    .tippy-tooltip[data-animatefill] {
        overflow: hidden;
        background-color: transparent
    }

    .tippy-tooltip[data-interactive], .tippy-tooltip[data-interactive] .tippy-roundarrow path {
        pointer-events: auto
    }

    .tippy-tooltip[data-inertia][data-state=visible] {
        transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
    }

    .tippy-tooltip[data-inertia][data-state=hidden] {
        transition-timing-function: ease
    }

    .tippy-arrow, .tippy-roundarrow {
        position: absolute;
        width: 0;
        height: 0
    }

    .tippy-roundarrow {
        width: 18px;
        height: 7px;
        fill: #333;
        pointer-events: none
    }

    .tippy-backdrop {
        position: absolute;
        background-color: #333;
        border-radius: 50%;
        width: calc(110% + 2rem);
        left: 50%;
        top: 50%;
        z-index: -1;
        transition: all cubic-bezier(.46, .1, .52, .98);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .tippy-backdrop:after {
        content: "";
        float: left;
        padding-top: 100%
    }

    .tippy-backdrop + .tippy-content {
        transition-property: opacity;
        will-change: opacity
    }

    .tippy-backdrop + .tippy-content[data-state=visible] {
        opacity: 1
    }

    .tippy-backdrop + .tippy-content[data-state=hidden] {
        opacity: 0
    }</style>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="keywords" content="微信，公众号，素材，文章，运营">
    <meta name="referrer" content="no-referrer">
    <meta name="description" content="微信公众号热门文章素材，提供海量爆款文章，帮助公众号运营者解决选文难问题">
    <meta name="HandheldFriendly" content="true">
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <title>闪特智校</title>
    <base url="//shante.me">
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <link rel="stylesheet" href="/static/css/common.css?v=0.1.55">
    <link rel="stylesheet" type="text/css" href="/static/css/main.css?v=0.1.62">
    <link rel="stylesheet" href="/static/css/user.css?v=0.1.87">
    <link rel="stylesheet" href="/static/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="/static/css/user.css?v=0.1.43">
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <script src="https://hm.baidu.com/hm.js?10af5e9c5efe07e21c76a574dad9cede"></script>
    <script type="text/javascript">        window.onload = function () {
        if (window.location.href == "http://shante.me/" || window.location.href == "http://shante.me") {
            window.location = "https://shante.me/?s=闪特智校";
        }
    };    </script>    <!-- Font-icon css-->
    <!--    <link rel="stylesheet" type="text/css" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">-->
    <!--[if lt IE 9]>
    <script src="http://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>    <![endif]-->
    <link id="layuicss-layer" rel="stylesheet"
          href="https://www.cimidata.com/static/layui/css/modules/layer/default/layer.css?v=3.1.1" media="all">
    <link id="layuicss-laydate" rel="stylesheet"
          href="https://www.cimidata.com/static/layui/css/modules/laydate/default/laydate.css?v=5.0.9" media="all">
    <script async="" charset="utf-8" src="https://shante.me/static/layui/lay/modules/form.js"></script>
</head>
<body class="app sidebar-mini"><!-- Navbar-->
<header class="app-header">
    <base url="//shante.me">
    <a class="app-header__logo" href="/"> <img class="p_logo" src="/static/images/logo.png" alt="闪特智校"> </a> <a
        class="app-sidebar__toggle" href="#" data-toggle="sidebar" aria-label="Hide Sidebar"></a>
    <div class="header-search">
        <div class="search-wrapper"><input id="nav-search-input" type="text" placeholder="查找课程、文章"
                                           autocomplete="off" class="search-inner " value="">
            <div class="search-btn nav-search-btn">
                <button type="button"><i class="y-icon icon-search"></i></button>
            </div>
            <div class="suggestion-container hide">
                <div class="suggestion-result-wrapper">
                    <div class="suggestion-menu">
                        <ul class="result-items"></ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <ul class="app-nav">
        <li class="dropdown"><a class="app-nav__item" href="#" data-toggle2="dropdown"
                                aria-label="Show notifications"><i class="fa fa-headphones fa-lg"></i> 闪特智校</a>
            <ul class="app-notification dropdown-menu dropdown-menu-right">
                <div class="app-image-popover"><img src="/static/images/20201205124429.jpg" width="140px" ,=""
                                                    height="140px">
                    <p class="mt-2">添加客服微信领取优惠</p></div>
            </ul>
        </li>
        <li>
            <!--a data-tid="20" data-tip="开通会员，即享20+项特权服务" class="app-nav__item vip-btn" href="/user/purchase">会员权益</a-->        </li>
        <li class="dropdown"><a class="app-nav__item avatar" href="#" data-toggle="dropdown"
                                aria-label="Open Profile Menu"> </a>
            <ul class="dropdown-menu settings-menu dropdown-menu-right">
                <li class="dropdown-item" href="/user/my"><i class="fa fa-user fa-lg"></i> 个人中心</li>
                <!--                <li class="dropdown-item" href="/user/my"><i class="fa fa-cog fa-lg"></i> 设置</li>-->
                <li class="dropdown-item" href="/signout"><i class="fa fa-sign-out fa-lg"></i> 登出</li>
            </ul>
        </li>
    </ul>
</header><!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
    <ul class="app-menu">
        <li class="app-menu__item menu-item" target="webview" href="/readurl.php" htm="true"><i
                class="app-menu__icon fa fa-dashboard"></i> <span class="app-menu__label menu-item" target="webview"
                                                                  href="/readurl.php" htm="true">首页</span></li>
        <li class="treeview is-expanded"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i
            class="app-menu__icon fa fa-shopping-basket"></i><span class="app-menu__label">闪特云仓</span><i
            class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item-login" target="webview"
                href="//shop.shante.me/yunshop/dl.php?XDEBUG_SESSION_START=54353&amp;url=https://shop.shante.me/Shop/Item/add.html">
                <i class="icon fa fa-circle-o"></i>商品录入
            </li>
            <li class="treeview-item menu-item-login active" target="webview"
                href="//shop.shante.me/yunshop/dl.php?url=https://shop.shante.me/Shop/Item/index.html"><i
                    class="icon fa fa-circle-o"></i>商品列表
            </li>
            <li class="treeview-item menu-item-login" target="webview"
                href="//shop.shante.me/yunshop/dl.php?url=https://shop.shante.me"><i class="icon fa fa-circle-o"></i>闪特云仓主页
            </li>
            <li class="treeview-item menu-item" target="_blank"
                href="https://fxg.jinritemai.com/ffa/mshop/homepage/index"><i class="icon fa fa-circle-o"></i>抖音小店
            </li>
            <li class="treeview-item menu-item" target="_blank"
                href="https://channels.weixin.qq.com/shop/goods/category"><i class="icon fa fa-circle-o"></i>视频号小店
            </li>
            <li class="treeview-item menu-item" target="_blank"
                href="https://seller.shopee.cn/portal/product/mtsku/new"><i class="icon fa fa-circle-o"></i>虾皮
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://shop.shante.me/Shop/account/index.html">
                <i class="icon fa fa-circle-o"></i>帐号登录
            </li>
        </ul>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i class="app-menu__icon fa fa-fire"></i><span
            class="app-menu__label">找热点</span><i class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item ttop" target="webview" href="/pages/tophub.today?#抖音"><i
                    class="icon fa fa-circle-o"></i>实时热榜大全
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#抖音" value="抖音"
                htm="true"><i class="icon fa fa-circle-o"></i>抖音视频热榜
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#微信" value="微信"
                htm="true"><i class="icon fa fa-circle-o"></i>微信热榜
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#百度" value="百度"
                htm="true"><i class="icon fa fa-circle-o"></i>百度热榜
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#微博" value="微博"
                htm="true"><i class="icon fa fa-circle-o"></i>微博热榜
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#知乎" value="知乎"
                htm="true"><i class="icon fa fa-circle-o"></i>知乎热榜
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#36氪" value="36氪"
                htm="true"><i class="icon fa fa-circle-o"></i>36氪热榜
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#少数派" value="少数派"
                htm="true"><i class="icon fa fa-circle-o"></i>少数派
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#虎嗅网" value="虎嗅网"
                htm="true"><i class="icon fa fa-circle-o"></i>虎嗅网
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#腾讯新闻"
                value="腾讯新闻" htm="true"><i class="icon fa fa-circle-o"></i>腾讯新闻
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#百度贴吧"
                value="百度贴吧" htm="true"><i class="icon fa fa-circle-o"></i>百度贴吧
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#虎扑社区"
                value="虎扑社区" htm="true"><i class="icon fa fa-circle-o"></i>虎扑社区
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#淘宝" value="淘宝"
                htm="true"><i class="icon fa fa-circle-o"></i>淘宝
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#京东" value="京东"
                htm="true"><i class="icon fa fa-circle-o"></i>京东
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#什么值得买"
                value="什么值得买" htm="true"><i class="icon fa fa-circle-o"></i>什么值得买
            </li>
            <li class="treeview-item menu-item ttop" target="webview" href="/html/tophub.today?#今日热卖"
                value="今日热卖" htm="true"><i class="icon fa fa-circle-o"></i>今日热卖
            </li>
            <li class="treeview-item menu-item" target="webview" referrer="no-referrer"
                href="/readurl.php?XDEBUG_SESSION_START=54323&amp;url=https://www.zmthome.com/#term-425"><i
                    class="icon fa fa-circle-o"></i>数据分析监测网
            </li>
        </ul>
        <script>            window.addEventListener('load', () => {
            document.querySelectorAll('.ttop').forEach(ele => {
                ele.addEventListener('click', function (event) {
                    webview.location.href = "https://shante.me/includes/tophub.today.html#" + ele.getAttribute("value");
                    setTimeout(() => {
                        webview.window.scrollBy(0, -10);
                        top.window.scrollTo({top: 0});
                    }, 300);
                    event.preventDefault();
                });
            });
        });        </script>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i
            class="app-menu__icon fa fa-shopping-basket"></i><span class="app-menu__label">找商机</span><i
            class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item" target="_blank"
                href="https://www.chanmama.com/promotionRank/?keyword=&amp;category_id=-1&amp;has_jx_commission=0"><i
                    class="icon fa fa-circle-o"></i>婵妈妈
            </li>
            <li class="treeview-item menu-item" target="_blank"
                href="https://dy.feigua.cn/app/#/promotion-search/index"><i class="icon fa fa-circle-o"></i>飞瓜数据
            </li>
            <li class="treeview-item menu-item" target="_blank"
                href="https://shopee.mobduos.com/workbench/product/hot-sales-product"><i
                    class="icon fa fa-circle-o"></i>知虾数据
            </li>
        </ul>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i class="app-menu__icon fa fa-fire"></i><span
            class="app-menu__label">找素材</span><i class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item" target="webview" referrer="no-referrer"
                href="/readurl.php?XDEBUG_SESSION_START=54323&amp;url=https://www.zmthome.com/#term-221"><i
                    class="icon fa fa-circle-o"></i>视频素材网站
            </li>
            <li class="treeview-item menu-item" target="webview" referrer="no-referrer"
                href="/readurl.php?XDEBUG_SESSION_START=54323&amp;url=https://www.zmthome.com/#term-218"><i
                    class="icon fa fa-circle-o"></i>图片素材网站
            </li>
            <li class="treeview-item menu-item" target="webview" referrer="no-referrer"
                href="/readurl.php?XDEBUG_SESSION_START=54323&amp;url=https://www.zmthome.com/#term-705"><i
                    class="icon fa fa-circle-o"></i>文字素材网站
            </li>
            <li class="treeview-item menu-item" target="webview" referrer="no-referrer"
                href="/readurl.php?XDEBUG_SESSION_START=54323&amp;url=https://www.zmthome.com/#term-424"><i
                    class="icon fa fa-circle-o"></i>音频音乐素材
            </li>
            <li class="treeview-item menu-item" target="webview" referrer="no-referrer"
                href="/readurl.php?XDEBUG_SESSION_START=54323&amp;url=https://www.zmthome.com/#term-1934"><i
                    class="icon fa fa-circle-o"></i>影视综艺素材
            </li>
            <li class="treeview-item menu-item" target="webview" referrer="no-referrer"
                href="/readurl.php?XDEBUG_SESSION_START=54323&amp;url=https://www.zmthome.com/#term-1711"><i
                    class="icon fa fa-circle-o"></i>冷知识科普素材
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://www.YouTuBe.com"><i
                    class="icon fa fa-circle-o"></i>油管YouTuBe
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://www.xiaohongshu.com/explore" htm="true">
                <i class="icon fa fa-circle-o"></i>小红书
            </li>
        </ul>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i
            class="app-menu__icon fa fa-shopping-cart"></i><span class="app-menu__label">找货源</span><i
            class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item" target="webview" href="https://shop.shante.me/?r=" +math.random()=""><i
                    class="icon fa fa-circle-o"></i>闪特云仓
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://1688.com/"><i
                    class="icon fa fa-circle-o"></i>阿里妈妈1688平台
            </li>
            <li class="treeview-item menu-item" id="menu-item-1" target="webview"
                href="https://shop.shante.me/Shop/Item/index.html"><i class="icon fa fa-circle-o"></i>管理我的货源
            </li>
            <li class="treeview-item menu-item" id="menu-item-1" target="webview"
                href="https://shop.shante.me/Shop/Item/index.html"><i class="icon fa fa-circle-o"></i>货源平台分发
            </li>
        </ul>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item menu-item noclose" target="webview"
                 href="/readurl.php?XDEBUG_SESSION_START=54323&amp;url=https://www.zmthome.com/#term-3168"
                 data-toggle="treeview"><i class="app-menu__icon fa fa-legal"></i><span
            class="app-menu__label">AI工具</span><i class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item" target="webview" href="https://yiyan.baidu.com/"><i
                    class="icon fa fa-circle-o"></i>文心一言
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://www.doubao.com/chat/"><i
                    class="icon fa fa-circle-o"></i>豆包
            </li>
            <li class="treeview-item menu-item" id="menu-item-2" target="_blank" href="https://chatgpt.com/"><i
                    class="icon fa fa-circle-o"></i>ChatGpt
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://www.sou.com/"><i
                    class="icon fa fa-circle-o"></i>360AI
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://www.tiangong.cn/"><i
                    class="icon fa fa-circle-o"></i>天工AI
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://chatglm.cn/main/detail"><i
                    class="icon fa fa-circle-o"></i>智普清言
            </li>
            <!--li class="treeview-item menu-item" target="webview" href="https://tongyi.aliyun.com/qianwen/?utm_content=se_1017005232"  htm="true"><i class="icon fa fa-circle-o"></i>通义千问</li-->
            <!--li class="treeview-item menu-item" target="webview" href="https://metaso.cn/"><i class="icon fa fa-circle-o"></i>秘塔AI</li-->
            <li class="treeview-item menu-item" target="webview" href="https://hailuoai.com/"><i
                    class="icon fa fa-circle-o"></i>海螺AI
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://kimi.moonshot.cn/"><i
                    class="icon fa fa-circle-o"></i>kimi AI
            </li>
            <!--li class="treeview-item menu-item" id="menu-item-3" target="_blank" href="https://gemini.google.com/app"><i class="icon fa fa-circle-o"></i>Gemini</li-->
            <!--li class="treeview-item menu-item" target="_blank" href="https://www.bing.com/chat?q=Microsoft+Copilot&FORM=hpcodx"><i class="icon fa fa-circle-o"></i>CopiLot</li-->
            <!--li class="treeview-item menu-item" id="menu-item-3" target="_blank" href="https://poe.com/"><i class="icon fa fa-circle-o"></i>PoeAI</li-->
            <!--li class="treeview-item menu-item" target="_blank" href="https://discord.com/"><i class="icon fa fa-circle-o"></i>Midjourney AI</li-->
            <li class="treeview-item menu-item" target="webview" href="https://sd.yangjc.com/?__theme=dark"><i
                    class="icon fa fa-circle-o"></i>Stable Diffusion
            </li>
        </ul>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i
            class="app-menu__icon fa fa-youtube-play"></i><span class="app-menu__label">直播课堂</span><i
            class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item" target="_blank"
                href="https://www.chanmama.com/liveRank/?keyword=&amp;search_type=0&amp;follower_count=&amp;gift_count=&amp;volume=&amp;is_take_product=0">
                婵妈妈
            </li>
        </ul>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i class="app-menu__icon fa fa-vimeo"></i><span
            class="app-menu__label">视频课堂</span></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item" target="webview" href="https://www.cimidata.com/hot_news/1" htm="true">
                <i class="icon fa fa-circle-o"></i>聚集热点视频
            </li>
            <li class="treeview-item menu-item" target="_blank" href="https://tophub.today/n/DpQvNABoNE" htm="true"><i
                    class="icon fa fa-circle-o"></i>抖音热榜
            </li>
            <li class="treeview-item menu-item" target="_blank" href="https://tophub.today/" htm="true"><i
                    class="icon fa fa-circle-o"></i>今日热榜
            </li>
            <li class="treeview-item menu-item" target="webview" href="http://t.yangjc.com/"><i
                    class="icon fa fa-circle-o"></i>视频素材
            </li>
            <li class="treeview-item menu-item" target="webview" href="http://t.yangjc.com/"><i
                    class="icon fa fa-circle-o"></i>视频智能文案
            </li>
            <li class="treeview-item menu-item" target="webview" href="http://t.yangjc.com/"><i
                    class="icon fa fa-circle-o"></i>视频抓取工具
            </li>
            <li class="treeview-item menu-item" target="webview" href="http://t.yangjc.com/"><i
                    class="icon fa fa-circle-o"></i>视频去水工具
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://t.yangjc.com/"><i
                    class="icon fa fa-circle-o"></i>视频去重
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://t.yangjc.com/"><i
                    class="icon fa fa-circle-o"></i>视频提取文字
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://t.yangjc.com/"><i
                    class="icon fa fa-circle-o"></i>视频提取音乐
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://t.yangjc.com/"><i
                    class="icon fa fa-circle-o"></i>视频提取人声
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://t.yangjc.com/"><i
                    class="icon fa fa-circle-o"></i>批量转发视频
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://www.ju1.cn/"><i
                    class="icon fa fa-circle-o"></i>敏感词检测
            </li>
        </ul>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i
            class="app-menu__icon fa fa-youtube-play"></i><span class="app-menu__label">绘图课堂</span><i
            class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item" target="_blank" href="https://discord.com/"><i
                    class="icon fa fa-circle-o"></i>Midjourney AI
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://sd.yangjc.com/?__theme=dark"><i
                    class="icon fa fa-circle-o"></i>Stable Diffusion
            </li>
        </ul>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i
            class="app-menu__icon fa fa-wpforms"></i><span class="app-menu__label">图文课堂</span><i
            class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item" target="webview" href="https://www.cimidata.com/hot_news/1" htm="true">
                <i class="icon fa fa-circle-o"></i>聚集热点文章
            </li>
            <li class="treeview-item menu-item" target="webview"
                href="https://collect8.longsunhd.com/collect/reset/reset.php"><i class="icon fa fa-circle-o"></i>文章抓取
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://t.yangjc.com/"><i
                    class="icon fa fa-circle-o"></i>AI写作
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://t.yangjc.com/"><i
                    class="icon fa fa-circle-o"></i>批量发文
            </li>
            <li class="treeview-item menu-item" target="webview" href="https://www.ju1.cn/"><i
                    class="icon fa fa-circle-o"></i>敏感词检测
            </li>
        </ul>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i
            class="app-menu__icon fa fa-shopping-basket"></i><span class="app-menu__label">电商课堂</span><i
            class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item" target="_blank"
                href="https://www.chanmama.com/promotionRank/?keyword=&amp;category_id=-1&amp;has_jx_commission=0"><i
                    class="icon fa fa-circle-o"></i>婵妈妈
            </li>
            <li class="treeview-item menu-item" target="_blank"
                href="https://dy.feigua.cn/app/#/promotion-search/index"><i class="icon fa fa-circle-o"></i>飞瓜数据
            </li>
            <li class="treeview-item menu-item" target="_blank"
                href="https://shopee.mobduos.com/workbench/product/hot-sales-product"><i
                    class="icon fa fa-circle-o"></i>知虾数据
            </li>
        </ul>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i
            class="app-menu__icon fa fa-hand-peace-o"></i><span class="app-menu__label">热门工具</span><i
            class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item" target="webview" href="http://www.shante.me/"><i
                    class="icon fa fa-circle-o"></i>最新工具
            </li>
            <li class="treeview-item menu-item" target="webview" href="http://www.shante.me/"><i
                    class="icon fa fa-circle-o"></i>常用工具
            </li>
        </ul>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i
            class="app-menu__icon fa fa-hand-peace-o"></i><span class="app-menu__label">自媒体平台</span><i
            class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item" target="webview" referrer="no-referrer"
                href="/readurl.php?XDEBUG_SESSION_START=54323&amp;url=https://www.zmthome.com/#term-423"><i
                    class="icon fa fa-circle-o"></i>综合自媒体平台
            </li>
            <li class="treeview-item menu-item" target="webview" referrer="no-referrer"
                href="/readurl.php?XDEBUG_SESSION_START=54323&amp;url=https://www.zmthome.com/#term-2"><i
                    class="icon fa fa-circle-o"></i>短视频平台
            </li>
            <li class="treeview-item menu-item" target="webview" referrer="no-referrer"
                href="/readurl.php?XDEBUG_SESSION_START=54323&amp;url=https://www.zmthome.com/#term-298"><i
                    class="icon fa fa-circle-o"></i>视频自媒体平台
            </li>
            <li class="treeview-item menu-item" target="webview" referrer="no-referrer"
                href="/readurl.php?XDEBUG_SESSION_START=54323&amp;url=https://www.zmthome.com/#term-423"><i
                    class="icon fa fa-circle-o"></i>音频自媒体平台
            </li>
            <li class="treeview-item menu-item" target="webview" referrer="no-referrer"
                href="/readurl.php?XDEBUG_SESSION_START=54323&amp;url=https://www.zmthome.com/#term-495"><i
                    class="icon fa fa-circle-o"></i>直播自媒体平台
            </li>
        </ul>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i class="app-menu__icon fa fa-user-o"></i><span
            class="app-menu__label">我的学员</span><i class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item" target="webview" href="http://www.shante.me/"><i
                    class="icon fa fa-circle-o"></i>订单
            </li>
            <li class="treeview-item menu-item" target="webview" href="http://www.shante.me/"><i
                    class="icon fa fa-circle-o"></i>关注
            </li>
            <li class="treeview-item menu-item" target="webview" href="http://www.shante.me/"><i
                    class="icon fa fa-circle-o"></i>收藏
            </li>
        </ul>
        </li>
        <li class="treeview"
        "=""> <a class="app-menu__item" href="#" data-toggle="treeview"><i class="app-menu__icon fa fa-handshake-o"></i><span
            class="app-menu__label">帮助</span><i class="treeview-indicator fa fa-angle-right"></i></a>
        <ul class="treeview-menu">
            <li class="treeview-item menu-item" target="webview" href="http://www.shante.me/"><i
                    class="icon fa fa-circle-o"></i>平台使用说明
            </li>
            <li class="treeview-item menu-item" target="webview" href="http://www.shante.me/"><i
                    class="icon fa fa-circle-o"></i>需装软件
            </li>
            <li class="treeview-item menu-item" target="webview" href="http://www.shante.me/"><i
                    class="icon fa fa-circle-o"></i>了解闪特
            </li>
        </ul>
        </li>   </ul>
</aside>
<main class="app-content">
    <div class="app-title">
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><a href="/dashboard"><i class="fa fa-home fa-lg"></i></a></li>
            <a href="/dashboard">
                <li class="breadcrumb-item">文章素材</li>
            </a>
            <li class="breadcrumb-item active"><a href="/dashboard"></a><a href="#">热文榜单</a></li>
            <a href="#"> </a></ul>
        <a href="#"> </a></div>
    <a href="#">
        <div class="row">
            <iframe name="webview" id="webview" src="/html/tophub.today" partition="persist:main"
                    _sandbox2="allow-scripts allow-same-origin allow-forms allow-scripts allow-top-navigation"
                    _onload="javascript:this.style.height = this.contentWindow.document.body.scrollHeight + 'px';"
                    _scrolling="no"></iframe>
        </div>
    </a>
    <div class="footer"><a href="#"> </a>
        <div class="copyright"><a href="#"><p>© Copyright 2017 - 2024 shante.me 闪特网络科技</p></a>
            <p class="beian"><a href="#"> </a><a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">
                桂ICP备17011521号-2</a></p></div>
    </div>
</main>
<script src="https://hm.baidu.com/hm.js?10af5e9c5efe07e21c76a574dad9cede"></script>
<script src="https://cimistatic.oss-cn-beijing.aliyuncs.com/jquery-3.3.1.min.js"></script>
<script src="/static/js/popper.min.js"></script>
<script src="https://cimistatic.oss-cn-beijing.aliyuncs.com/bootstrap.min.js"></script>
<script src="/static/js/main.js?v=0.1.59"></script>
<script src="/static/js/common.js?v=0.1.36"></script>
<script src="/static/js/tippy.js"></script>
<script src="/static/layui/layui.js"></script>
<script>    localStorage.setItem("vip", 0);
initTip()
var _hmt = _hmt || [];
(function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?10af5e9c5efe07e21c76a574dad9cede";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
})();</script>
<script>    $(function () {
    layui.use(['form', 'table', 'laydate'], function () {
        var form = layui.form;
        var table = layui.table;
        var laydate = layui.laydate;
        const cid = "all"
        const query = {}            // query.start_at = queryString('start_at') || undefined            // query.end_at = queryString('end_at') || undefined            function modifyUrl(query) {                const keys = Object.keys(query)                const link = $('.wx-type-lists a')                let queryStr = ''                keys.forEach(key => {                    if (query[key]) {                        if (queryStr.indexOf('?') === -1) {                            queryStr += `?${key}=${query[key]}`                        } else {                            queryStr += `&${key}=${query[key]}`                        }                    }                })                link.each(function(i, item) {                    $(this).attr('href', `${removeParam(keys, $(this).attr('href'))}${queryStr}`)                })            }            // modifyUrl(query)            const dataTable = table.render({                elem: '#reportTable',                url: cid === 'None' ? '/api/articles/hot' : `/api/articles/hot/${cid}`, //数据接口                autoSort: false,                parseData: (res) => {                    return {                        "code": res.code === 200 ? 0 : 1, //解析接口状态                        "msg": res.msg, //解析提示文本                        "count": res.total, //解析数据长度                        "data": res.data, //解析数据列表                    };                },                where: query,                page: true, //开启分页                even: true,                sort:true,                limit:20,                skin: 'nob',                cellMinWidth: 60,                cols: [[ //表头                    {                        field: 'published_at', width: '12%', sort: true, title: '发文日期', templet: (d) => {                            return new Date(d.published_at).Format('yyyy-MM-dd')                        }                    },                    { field: 'account_nickname', width: '15%', title: '公众号', templet: d =>                        {                            return `<a style="" href="/account/detail?bid=${d.account_id}" target="_blank">                                    <img style="height: 25px; width: 25px; border-radius: 50%; margin-right: 8px" src="${d.avatar}">${d.account_nickname}                                    <a/>`                        }                    },                    {                        field: 'title', width: '40%', title: '标题', templet: d => {                            return `<a  class=${d.deleted==1? "delete title":"title"} target="_blank" href=${d.content_url}>                                    ${d.is_first ? `<span class="position-tag">${d.is_first}</span>` : ''}                                    ${d.title}                                </a>                                ${d.copyright_stat == 11 ? '<span class="article-original">原创</span>' : ''}                                ${[101, 201].includes(d.copyright_stat) ? '<span class="article-original">转载</span>' : ''}                                <i class="fa fa-picture-o cover-view-btn" title="封面图" aria-hidden="true" style="color:#aaa;" data-src=${d.cover}></i>                                `                        }                    },                    { field: 'read_num',  width: '12%', title: '阅读', sort: true,  templet: d => formatNum(d.read_num) || '--' },                    { field: 'like_num', title: '点赞', templet: d => formatNum(d.old_like_num) || '--' },                    { field: 'hotness', width: '10%',sort: true, title: '热度<i data-tid="10" data-placement="top" data-tip="热度=100*(当前文章阅读量/平均阅读量)" class="fa fa-exclamation-circle" style="color: #bfbfbf;margin-left:3px"></i>', templet: d => hotFormat(d) },                    {                        field: 'status', width: 80, title: '操作', templet: d => {                            return `<a class="btn-favorite link" data-id="${d.id}" style="position:relative;display:block"><i style="margin-right: 5px" class="fa fa-star-o">                            </i><span>收藏</span>`                        }                    }                ]],                done: () => {                    syncFavoriteAction()                    initTip()                }            });            function hotFormat(d){                if(d.hotness >=400){                    return `<div>${d.hotness}<img src="/static/images/hot.png" style="width:19px; height:19px"></div>`                }else{                    return d.hotness || '--'                }            }            function renderData(params) {                if (dataTable) {                    dataTable.reload({                        where: {                            ...params,                        }                    })                }            };            let now = new Date()            let last30 = now.subtract(30, 'day')            let nowStr = now.Format('yyyy-MM-dd')            let last30Str = last30.Format('yyyy-MM-dd')            laydate.render({                elem: '#timePicker', //指定元素                range: true,                value: query.start_at ? `${query.start_at} - ${query.end_at}` :  `${last30Str} - ${nowStr}`,                done: (e, start, end) => {                    const arr = e.split(' - ')                    query.start_at = arr[0];                    query.end_at = arr[1];                    renderData(query)                    modifyUrl(query)                }            });            // 格式化数字            function formatNum(num) {                num = Number(num)                if (num > 100000) {                    num = '10w+'                }                return num            }            form.on('switch(hot)', function(data){                if (data.elem.checked){                    query.hot = true                    renderData(query);                }                else {                    query.hot = false                    renderData(query);                }            });            table.on('sort(reportTable)', (e) => {                const key = e.field                const order = e.type === 'desc' ? '-' : ''                table.reload('reportTable', {                    where: {                        order_by: order + key,                        start_at: query.start_at,                        end_at: query.end_at,                    },                    page: {                        curr: 1,                    },                    initSort: e                })            })        })    })    document.addEventListener('DOMContentLoaded', function() {        var menuItems = document.querySelectorAll('.menu-item');        menuItems.forEach(function(menuItem) {            menuItem.addEventListener('click', function(event) {                event.stopPropagation();                var submenu = this.querySelector('.submenu');                if (submenu) {                    submenu.classList.toggle('expanded');                    this.classList.toggle('expanded');                }            });        });    });    function targetTo(targetUrl) {        fetch("https://shante.me/readurl.php?url="+targetUrl)            .then(response => response.text())            .then(html => {                const parser = new DOMParser();                const doc = parser.parseFromString(html, 'text/html');                const body = doc.querySelector('body');                const iframe = document.getElementById('webview');                iframe.srcdoc = html;            })            .catch(error => {                console.error('代理网页时发生错误：', error);            });    }    $('.menu-item-login').click(function(e){        $('.menu-item,.menu-item-login').removeClass("active");        $(this).addClass("active");        if ($(this).attr('href')) {            e.preventDefault();            if($(this).attr('target')=="blank"&&window.electron){                window.electron.openExternal(link);            }else if($(this).attr('target')=="_blank"&&$(this).attr('htm')!== undefined) {                targetTo($(this).attr('href'));                setTimeout(() => {                    webview.window.scrollBy(0, -10);                    top.window.scrollTo({ top: 0 });                }, 500);                let i = 0;                webview.window.scrollBy(0, -10);                const interval = setInterval(() => {                    if (i < 5) { // 可以根据需要调整循环次数                        top.window.scrollTo({ top: 0 });                        i++;                    } else {                        clearInterval(interval);                    }                }, 2000);            }else {                window.open($(this).attr('href'), $(this).attr('target'));                setTimeout(() => {                    webview.window.scrollBy(0, -10);                    top.window.scrollTo({ top: 0 });                }, 500);                let i = 0;                webview.window.scrollBy(0, -10);                const interval = setInterval(() => {                    if (i < 5) { // 可以根据需要调整循环次数                        top.window.scrollTo({ top: 0 });                        i++;                    } else {                        clearInterval(interval);                    }                }, 2000);            }        }        if(!$(this).hasClass("noclose")) {            $('.app').toggleClass('sidenav-toggled');        }    })    $('.menu-item').click(function(e) {        $('.menu-item,.menu-item-login').removeClass("active");        $(this).addClass("active");        if ($(this).attr('href')) {            e.preventDefault();            if($(this).attr('target')=="blank"&&window.electron){                window.electron.openExternal(link);            }else if($(this).attr('target')=="_blank"&&$(this).attr('htm')!== undefined) {                targetTo($(this).attr('href'));                setTimeout(() => {                    webview.window.scrollBy(0, -10);                    top.window.scrollTo({ top: 0 });                }, 500);                let i = 0;                webview.window.scrollBy(0, -10);                const interval = setInterval(() => {                    if (i < 5) { // 可以根据需要调整循环次数                        top.window.scrollTo({ top: 0 });                        i++;                    } else {                        clearInterval(interval);                    }                }, 2000);            }else {                window.open($(this).attr('href'), $(this).attr('target'));                setTimeout(() => {                    webview.window.scrollBy(0, -10);                    top.window.scrollTo({ top: 0 });                }, 500);                let i = 0;                webview.window.scrollBy(0, -10);                const interval = setInterval(() => {                    if (i < 5) { // 可以根据需要调整循环次数                        top.window.scrollTo({ top: 0 });                        i++;                    } else {                        clearInterval(interval);                    }                }, 2000);            }        }        if(!$(this).hasClass("noclose")) {            $('.app').toggleClass('sidenav-toggled');        }    });    function openLink(link) {        // 这里假设 electron 已经注入了相关接口    }    // document.getElementById("toggleBtn").addEventListener("click", function () {    //     var menu = document.getElementById("menu");    //     if (menu.style.width === "0px") {    //         menu.style.width = "120px";    //     } else {    //         menu.style.width = "0px";    //     }    // });</script>
</body>
</html>